<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们 - 智能背景移除工具</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body class="bg-pattern">
    <div class="container">
        <header class="text-center my-5">
            <h1 class="display-4">联系我们</h1>
            <p class="lead">有任何问题或建议，欢迎随时联系</p>
        </header>

        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h5><i class="fas fa-address-card me-2"></i> 联系信息</h5>
                    </div>
                    <div class="card-body">
                        <div class="contact-info">
                            <div class="row mb-4">
                                <div class="col-md-6 mb-4 mb-md-0">
                                    <div class="contact-item">
                                        <div class="icon-circle mb-3">
                                            <i class="fas fa-envelope fa-2x"></i>
                                        </div>
                                        <h5>电子邮箱</h5>
                                        <p class="contact-value">
                                            <a href="mailto:2874878572@QQ.com" class="contact-link">2874878572@QQ.com</a>
                                        </p>
                                        <p class="text-muted">随时欢迎您的邮件咨询</p>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="contact-item">
                                        <div class="icon-circle mb-3">
                                            <i class="fas fa-phone fa-2x"></i>
                                        </div>
                                        <h5>联系电话</h5>
                                        <p class="contact-value">
                                            <a href="tel:15938516186" class="contact-link">15938516186</a>
                                        </p>
                                        <p class="text-muted">工作日 9:00-18:00</p>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="text-center mt-5">
                                <a href="{{ url_for('index') }}" class="btn btn-primary">
                                    <i class="fas fa-arrow-left me-2"></i> 返回首页
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <footer class="text-center mt-5 mb-3">
            <p class="text-muted">© 2025 智能背景移除工具 | 基于 RMBG-1.4 模型</p>
            <p class="small text-muted">使用尖端 AI 技术处理图像，为您提供专业的背景移除服务</p>
        </footer>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
